/* 验证 container */
.verification-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* 图片 */
.verify-img{
    width: 100%;
    border-radius: 10px;
}
.picture-cut,
.picture-item{
    position: absolute;
    width: 50px;
    height: 50px;
}
.picture-cut{
    background-color: #fff;
}
.picture-item{
    left: 0;
}
.picture-cut-top,
.picture-cut-left,
.picture-item-top,
.picture-item-left{
    position: absolute;
    border-radius: 100px;
}
.picture-cut-top,
.picture-item-top{
    left: 50%;
    transform: translateX(-50%);
}
.picture-cut-top,
.picture-cut-left{
    background-color: #fff;
}
.picture-cut-left,
.picture-item-left{
    top: 50%;
    transform: translateY(-50%);
}

/* 刷新 */
.img-refresh{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
}
.img-refresh>image{
    width: 100%;
}

/* 滑块 */
.slider{
    margin-top: 15px;
    width: 100%;
    height: 40px;
    background-color: #f7f9fa;
    border: 1px solid #e4e7eb;
}
.slider-text{
    width: 100%;
    font-size: 16px;
    color: #45494c;
    text-align: center;
}
/* 滑过层 */
.slider-mask{
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 0px;
    border: 1px solid #1991FA;
    background-color: #D1E9FE;
}
.slider-mask_fail{
    border: 1px solid #f57a7a;
    background-color: #fce1e1;
}
.slider-mask_success{
    border: 1px solid #52CCBA;
    background-color: #D2F4EF;
}

/* 滑动按钮 */
.silder-btn{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-btn-active{
    background-color: #1991FA;
}
.slider-btn_fail{
    background-color: #f57a7a;
}
.slider-btn_success{
    background-color: #52CCBA;
}
.silder-btn-img{
    width: 24px;
    height: 24px;
}